<%--
  Created by IntelliJ IDEA.
  User: Baggio
  Date: 2017-11-20
  Time: 15:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>购买</title>
    <%@ include file="/common/include-core.jsp" %>
    <%@ include file="/common/include-wap.jsp" %>
    <link rel="stylesheet" type="text/css" href="/static/css/wap/product/product.css" />
    <link rel="stylesheet" href="/static/css/wap/product/swiper-3.4.2.min.css">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
    <script type="text/javascript" src="/static/js/wap/product/swiper.min.js"></script>
    <script type="text/javascript" src="/static/js/wap/product/product.js"></script>
</head>
<body>
<!-- banner -->
<%--<div class="banner_box">
    <div class="swiper-container">
        <div class="swiper-wrapper">
          &lt;%&ndash;  <div class="swiper-slide"><img src="/static/images/wap/product/banner_1.jpg" alt=""></div>
          <div class="swiper-slide"><img src="/static/images/wap/product/banner_1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="/static/images/wap/product/banner_1.jpg" alt=""></div>&ndash;%&gt;
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>--%>
<!-- banner完 -->
<input type="hidden" value="${productId}" id="productId" name="productId">
<input type="hidden" value="${activityId}" id="activityId" name="activityId">
<input type="hidden" name="userId" id="userId" value="${user.tid}">


<!-- 详情 -->
<div class="content">
    <img src="/static/images/wap/product/product.jpg" alt="">
    <!-- 价格 -->
    <%--<div class="price">
        <h2 class="price_now">￥198</h2>
       &lt;%&ndash; <h6 class="price_past">价格<a href="javascript:void(0);">￥998</a></h6>&ndash;%&gt;
    </div>
    <!-- 介绍 -->
    <div class="introduce">
        <h3> </h3>
    </div>
    <!-- 产品参数 -->
    <div class="parameter">
        <h2 class="parameter_title">产品参数</h2>
        <div class="parameter_img">
            <img src="/static/images/wap/product/parameter.png" alt="">
        </div>
    </div>--%>
</div>



<!-- 购买按钮 -->
<button class="sub_button">立即购买</button>


<!-- 购买信息 -->
<div class="background_box">

</div>
<div class="purchase_details">
    <div class="box_purchase">
        <div class="top">
            <div class="img_box">
                <img src="" alt="">
            </div>
            <input type="hidden" id="price" >
            <div class="price_details">
                <h2>￥198</h2>
                <div class="amount">
                    <span>数量</span>
                    <span class="amount_box">
							<a href="javascript:void(0);">-</a>
							<input type="text" value="1" class="">
							<a href="javascript:void(0);">+</a>
						</span>
                </div>
            </div>
            <span class="esc"><img src="/static/images/wap/product/esc.png" alt=""></span>
        </div>
        <div class="color">
            <h2>颜色</h2>
            <div class="color_box">
                <%-- <span class="hover1">金色</span>
                 <span>蓝色</span>
                 <span>粉色</span>--%>
            </div>
        </div>

        <div class="package">
            <h2>套餐</h2>
            <div class="package_box">
                <%-- <span class="hover1">套餐一</span>
                 <span>套餐二</span>
                 <span>套餐三</span>
                 <span>套餐四</span>--%>
            </div>
        </div>

        <c:if test="${empty user}">
            <!-- 电话和收货人 -->
            <div class="contact_box">
                <h2>联系方式</h2>

                <input type="text" class="contacts" placeholder="收货人姓名" name="userName" value="${user.userName}">
                <input type="text" class="telephone" placeholder="收货人联系电话" name="phone"  value="${user.phone}">
                <h2>收货地址</h2>
                <div name="userAddress" class="address" contenteditable="true" placeholder="收货详细地址" value="${user.userAddress}"></div>
            </div>
        </c:if>
        <!-- 确定信息 -->
     <div class="determine">
        <button  class="addShopCar">加入购物车</button>
        <button  class="buy">确定</button>
     </div>
    </div>

</div>
</body>
</html>
